<template>
  <div id="from" name="">
    <form @submit.prevent="submit">
      <div>
        <label for="mobile">手机号</label>
        <input type="text" name="mobile" v-model="mobile" @blur="checkMobile" placeholder="请输入手机号">
      </div>
      <div>
        <label for="code">验证码</label>
        <input type="text" name="code" v-model="code" placeholder="请输入验证码">
        <send-code v-model="mobile"></send-code>
      </div>
      <br>
      <input type="submit" name="" value="登录">
    </form>
  </div>
</template>

<script>
import sendCode from "@/components/sevdCode/sendCode";

export default {
  name: '',
  data() {
    return {
      mobile: '', code: '',
    };
  },
  // 子组件转换
  components: {
    sendCode,
  },
  // 数据引入
  mounted() {
  },
  created() {
  },
  //点击函数事件
  methods: {
    submit() {
      this.$router.push('/about')
    },
    checkMobile() {

    }
  },
  //计算事件
  computed: {},
  //数据监听
  watch: {},
  //过滤器
  filters: {},
  //设定自定义指令
  directives: {},
}
</script>
<style lang="scss" scoped>

</style>
